<template>
  <div class="mini-logo-box" style="cursor: pointer;" @click="gotoPage">
    <img src="/images/logo.png" style="border-radius: 8px 24px 8px 8px;height: 32px;margin-right: 10px;" />
    {{systemConfig.getSysTitle}}
  </div>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter();
import { useSystemConfigStore } from '@/store/useSystemConfigStore';
const systemConfig=useSystemConfigStore();

const gotoPage = () => {
  router.push('/home');
}


</script>
<style scoped>
.mini-logo-box {
  /* 使用flex布局让子元素水平垂直居中 */
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #555555;
}
</style>
